<script lang="jsx">
//新型JSX写法
import { ref } from 'vue'
export default {
	setup() {
		const counter = ref(0)
		const onClick = () =>{
			counter.value++
		}
		return (
			<div>
				<div>comp</div>
				<p onClick={onClick}>{counter.value}</p>
			</div>
		)
	}
}


	//原始JSX写法
	// import {ref} from 'vue'
	// export default{
	// 	data() {
	// 		return {
	// 			counter: 0
	// 		}
	// 	},
	// 	render(){
	// 		return (
	// 			<>
	// 				<div>comp</div>
	// 				<p onClick={this.onclick}>{this.counter}</p>
	// 			</>
	// 		)
	// 	},
	// 	methods:{
	// 		onclick(){
	// 			this.counter++;
	// 		}
	// 	}
	// }
</script>

<style>
</style>
